/* constant */
@rem: 25rem;
.user-head {
  font-size: 12/@rem;
  background: #FFFFFF;
  margin-bottom: 15/@rem;
  // 用户信息
  .user-group {
    height: 80/@rem;
    overflow: hidden;
    position: relative;
    border-bottom: 1/@rem solid #ddd;

    // 用户头像
    .user-face {
      display: block;
      width: 70/@rem;
      overflow: hidden;
      float: left;

      img {
        width: 50/@rem;
        height: 50/@rem;
        border-radius: 50/@rem;
        display: block;
        margin: 15/@rem 10/@rem;
      }
    }

    // 用户信息
    .user-info {
      width: 200/@rem;
      height: 150/@rem;
      float: left;
      text-align: left;
      .user-info-item {
        font-size: 12/@rem;
        font-weight: bold;
        position: relative;
      }
      .user-info-item:first-child {
        margin-top: 20/@rem;
        margin-bottom: 8/@rem;
        font-size: 14/@rem;
      }
      img{
        height: 30/@rem;
        margin: 0 0 0 15/@rem;
        padding: 0;
        top: -8/@rem;
        position: absolute;
      }
    }
  }

  // 订单信息
  .order-info-group {
    display: flex;
    border-bottom: 1/@rem solid #ddd;
    .order-info-item {
      padding: 10/@rem 0;
      flex: 1;
      p {
        margin: 0;
        padding: 0;
      }
      p:first-child {
        font-size: 20/@rem;
        font-family: "微软雅黑";
      }
    }
    .order-info-item:first-child {
      border-right: 1/@rem solid #ddd;
    }
  }

}

// 菜单
.menu-group {
  .list {
    font-size: 12/@rem;
    margin-bottom: 15/@rem;
    .list-item {
      img {
        width: 20/@rem;
        height: 20/@rem;
        margin-right: 10/@rem;
      }
      .text-right {
        color: #666;
      }
    }
  }
}
